 html,
 body {
     height: 100%;
 }

 .layui-header {
     z-index: 1000;
     height: 48px;
 }

 .layui-layout-admin .layui-logo {
     line-height: 48px;
 }

 .layui-nav .layui-nav-item {
     line-height: 28px;
 }

 .layui-layout-admin .layui-header {
     background-color: #ffffff00;
     border-bottom: 2px dotted #EBEEF5;
 }

 .layui-tab {
     margin: 0px;
     text-align: left !important;
 }

 .layui-icon {
     font-size: 13px;
 }

 .layui-tab-brief>.layui-tab-more li.layui-this:after,
 .layui-tab-brief>.layui-tab-title .layui-this:after {
     border: none;
     border-radius: 0;
     border-bottom: 2px solid var(--global-primary-color);
 }

 .layui-tab-brief>.layui-tab-title .layui-this {
     color: var(--global-primary-color);
 }

 .widget-view-action-imes {
     height: 28px;
     background: var(--global-primary-color);
     line-height: 28px;
     margin-top: 10px;
 }

 .layui-rate {
     padding: 0px;
 }

 .layui-nav {
     background-color: unset;
     color: #000;
     top: 4px;
 }

 .layui-nav .layui-nav-item a {
     color: var(--global-primary-color) !important;
 }

 .layui-nav .layui-nav-item a {
     padding: 0 10px;
     top: 3px;
     margin-right: 5px;
     background: #fff;
     border: 1px solid #e8e9eb;
     border-radius: 4px;
 }

 .layui-nav .layui-nav-item a:hover,
 .layui-nav .layui-this a {
     color: var(--global-primary-color) !important;
     padding: 0 10px;
     top: 3px;
     margin-right: 5px;
     border-radius: 4px;
     background: #F1F2F3;
     border-color: var(--global-primary-color) !important;
 }

 .layui-tab-content {
     padding: 0px;
 }

 .grid .layui-form-item {
     margin-bottom: 0px;
 }
 .maskDivs {
    height: 100%;
    position: absolute;
    z-index: 19999999;
    width: calc(100% - 55px);
}